<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>神灯速贸</title>
        <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta content="telephone=no" name="format-detection" />
        <meta name="msapplication-tap-highlight" content="no"/>
        <link rel="stylesheet" href="../css/public.css">
        <link rel="stylesheet" href="../css/main.css">
        <script src="../js/zepto.min.js"></script>
        <script src="../js/main.js"></script>
    </head>
    <body>
	    <header class="header" style="display: block;">
	        <div class="title">活动报名</div>
	        <a class="btn-back" href="#"></a>
            <a class="submit-campaign head-btn-right" href="#">提交</a>
	    </header>
			
	    <div class="container campaign-join-page">
	  		<form class="campaign-form" action="#" method="post">
                <input name="name" id="name" placeholder="姓名"/>
                <input name="mobile" id="mobile" placeholder="手机"/>
                <input name="company" id="company" placeholder="企业"/>
                <input name="joinNb" id="join-nb" placeholder="参加人数"/>             
            </form>
	    </div> 
        <script>
            $(function(){
                $("#submit-campaign").tap(function(e){
                    e.preventDeafult();
                    var name = $('#name').val();
                    if (name.length === 0) {
                        alert('请填写姓名');
                        return false;
                    }
                    var mobile = $('#mobile').val();
                    if (mobile.length === 0) {
                        alert('请填写电话');
                        return false;
                    }
                    $(".campaign-form").submit();
                })
            })
        </script>
    </body>
</html>